<!DOCTYPE html>
<html lang="en"> 
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>数据资产确权与可信流通平台</title>
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./css/index.css">
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- header start -->
		<div class="header">			
			<div class="title">
				<img src="img/top2.png" >
				<span>数据资产确权与可信流通平台（河南根节点）</span>
				<img src="img/top1.png" >
			</div>	
			<div class="time">
				<img src="img/time.png" >
				<span id="time">2020 年 6 月 20 日   19 : 40    星期三 </span>
			</div>
		</div>
		<!-- header end -->
		<!-- main start -->
		<div class="main clearfix w-m">
			<!-- 导航 -->
			<div class="nav">
				<ul class="clearfix"></ul>
			</div>
			<div class="wrap clearfix">
				<!-- 左边 -->
				<div class="leftDiv fl">
					<div class="box box1">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>平台概况</span>
						</div>
						<div class="content pingtai">
							<ul class="clearfix"></ul>
						</div>
					</div>
					<div class="box box2">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>数据资产总量/成交金额排行</span>
						</div>	
						<div class="content">
							<div class="tab">
								<span class="on zl">资产总量</span>
								<span class="je">成交金额</span>
							</div>
							<div class="tabDiv zichan">
								<ul class="scroll2"></ul>
							</div>
							<div class="tabDiv jine" style="display: none;">
								<ul class="scroll3"></ul>
							</div>
						</div>
					</div>
					<div class="box box3">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>区块链</span>
						</div>
						<div class="content qukuai">
							<ul></ul>
						</div>
					</div>
				</div>
				<!-- 中间 -->
				<div class="centerDiv fl">
					<div class="box1">
						<div id="echart3" style="width: 100%;height: 715px;"></div>
					</div>
					<div class="box2 sjzc">
						<ul class="scroll"></ul>
					</div>
				</div>
				<!-- 右边 -->
				<div class="rightDiv fl">
					<div class="box box1">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>分时数据</span>
						</div>
						<div id="echart1" style="width: 100%;height: 215px;"></div>
					</div>
					<div class="box box2">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>日线数据</span>
						</div>
						<div id="echart2" style="width: 100%;height: 215px;"></div>
					</div>
					<div class="box box3">
						<div class="title">
							<img src="img/tit.png" alt="">
							<span>数据资产与数字经济</span>
						</div>
						<div class="content zcjj">
							<div class="head">
								<span class="s0">序号</span>
								<span class="s1">城市</span>
								<span class="s2">人均资产量</span>
								<span class="s2">企均资产量</span>
								<span class="s3">网民均资产量</span>
								<span class="s5">数据资产/GDP</span>
							</div>
							<div class="table">
								<ul class="scroll1"></ul>
							</div>							
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<!-- main end -->
	</body>
</html>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="js/echarts.js"></script>
<script type="text/javascript">
	window.onload= function(){
		setInterval(function() {
			location.reload()
		},15*60*1000)
		$("body").css('minHeight',document.documentElement.clientHeight)
		// 日期
		formDate('time')
		// 渲染导航
		getdata1('stats_operation')		
		// 平台概况
		getdata2('stats_overview')
		// 成交金额
		getdata3('stats_province')
		
		getdata7('stats_newsfeed')
		$('.tab span').click(function(){
			$('.tab span').removeClass('on')
			$(this).addClass('on')
			$('.tabDiv').hide()
			$('.tabDiv').eq($(this).index()).show()
			$('.tabDiv ul').css({'marginTop':'0'+'px'});
			n=0			
			if($(this).index()==0){				
				clearInterval(timer4)
				clearInterval(timer3)
				timer3 = setInterval(function() {
					topScroll1(".scroll2",2000);
				},3000);
			}else{
				clearInterval(timer3)
				clearInterval(timer4)
				timer4 = setInterval(function() {
					topScroll2(".scroll3",2000);
				},3000);
			}
		})
		
		$('.sjzc').on('mouseover',function(){
			clearInterval(timer)
		})
		$('.sjzc').on('mouseout',function(){
			timer = setInterval(function() {
				topScroll(".scroll",2000);
			},3000);
		})
		
		$('.table').on('mouseover',function(){
			clearInterval(timer1)
		})
		$('.table').on('mouseout',function(){
			timer1 = setInterval(function() {
				topScroll(".scroll1",2000);
			},3000);
		})
		// 区块链
		 getdata4('stats_blockchain')
		 // 分时数据
		 getdata5('stats_period_30m')		 
		 // 日线数据
		 getdata6('stats_period_1d')
		 getdata8()
		 // 数据资产与数字经济
		 // renderZcjj()
		 // 地图
		
		// var pp2=[
		// 		{value:60,name:'安徽'},
		// 		{value:160,name:'北京'}, 	
		// 		{value:260,name:'浙江'}, 	
		// 		{value:860,name:'内蒙古'}, 	
		// 		{value:460,name:'吉林'}, 	
		// 		{value:560,name:'江苏'}, 	
		// 		{value:660,name:'重庆'}, 	
		// 		{value:360,name:'甘肃'},
		// 		{value:860,name:'上海'},
		// 		{value:960,name:'江西'}, 	
		// 		{value:1400,name:'陕西'}, 	
		// 		{value:2600,name:'四川'}, 	
		// 		{value:960,name:'广东'}, 	
		// 		{value:1800,name:'云南'}, 	
		// 		{value:700,name:'新疆'}, 	
		// 		{value:600,name:'青海'},
		// 		{value:250,name:'贵州'},
		// 		{value:840,name:'宁夏'}, 	
		// 		{value:330,name:'广西'}, 	
		// 		{value:220,name:'湖南'}, 	
		// 		{value:110,name:'河南'}, 	
		// 		{value:100,name:'福建'}, 	
		// 		{value:80,name:'湖北'}, 	
		// 		{value:2000,name:'黑龙江'},
		// 		{value:1860,name:'山东'}
		// 	]
		
		// setInterval(function() {
		// 	points = []
		// 	pp1=[
		// 		[
		// 			{value:60,coords: [[118.8062, 31.9208],[127.9688, 45.368]],lineStyle:{color:'#FFE346'},name:'安徽'}, 
		// 			{value:200,coords: [[110.2267, 41.4899],[118.8062, 31.9208]],lineStyle:{color:'#46DAFF'},name:'北京'},
		// 			{value:600,coords: [[127.9688, 45.368],[125.8154, 44.2584]],lineStyle:{color:'#FFE346'},name:'浙江'}, 
		// 			{value:960,coords: [[120.8154, 44.2584],[113.4543, 25.9222]],lineStyle:{color:'#46DAFF'},name:'内蒙古'}, 
		// 			{value:4060,coords: [[130.9688, 45.368],[115.3467, 41.4899]],lineStyle:{color:'#FFE346'},name:'吉林'}, 
		// 		],
		// 		[
		// 			{value:660,coords: [[111.8062, 31.9208],[132.9688, 45.368]],lineStyle:{color:'#FFE346'},name:'江苏'}, 
		// 			{value:190,coords: [[126.9688, 45.368],[114.8062, 31.9208]],lineStyle:{color:'#46DAFF'},name:'重庆'},
		// 			{value:860,coords: [[123.3467, 41.4899],[125.8154, 44.2584]],lineStyle:{color:'#FFE346'},name:'甘肃'}, 
		// 			{value:1060,coords: [[125.8154, 44.2584],[119.4543, 25.9222]],lineStyle:{color:'#46DAFF'},name:'上海'}, 
		// 			{value:3000,coords: [[109.4543, 25.9222],[110.3467, 41.4899]],lineStyle:{color:'#FFE346'},name:'江西'}, 
		// 		],
		// 		[
		// 			{value:600,coords: [[135.8154, 44.2584],[107.9688, 45.368]],lineStyle:{color:'#FFE346'},name:'陕西'}, 
		// 			{value:60,coords: [[120.3467, 41.4899],[108.8062, 31.9208]],lineStyle:{color:'#46DAFF'},name:'四川'},
		// 			{value:153,coords: [[117.9688, 45.368],[123.8154, 44.2584]],lineStyle:{color:'#FFE346'},name:'广东'}, 
		// 			{value:460,coords: [[103.8062, 31.9208],[109.4543, 25.9222]],lineStyle:{color:'#46DAFF'},name:'云南'}, 
		// 			{value:1800,coords: [[115.4543, 25.9222],[130.3467, 41.4899]],lineStyle:{color:'#FFE346'},name:'新疆'}, 
		// 		]
		// 	]
			
		// 	var n=Math.floor(Math.random()*3)
		// 	pp1[n].forEach(function(item){
		// 		points.push(
		// 		{name:'数据资产数量',value: item['coords'][0],itemStyle:{color:'#FFE346'},num:item['value']},
		// 		{name:'数据资产数量',value: item['coords'][1],itemStyle:{color:'#46DAFF'},num:item['value']},
		// 		)
		// 	})
		// 	 map(points,pp1[n],pp2)
		// },6000);
		 
	}
	
	

	
	
	
	
</script>

